<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>

    .all{
      width: 1000px;
      margin: 0 auto;
      overflow: hidden;
    }
    .float{
      float: left;
    }
    nav{
      width: 40%;
      height: 100%;
      background-color: #92022c;
    }
    section{
      width: 60%;
      height: 100%;
      background-color: #6d3693;
    }
    li {

      list-style-type: none;
    }

  </style>
</head>
<body>
<div class="all">
  <nav class="float">
    <ul>
      <li>home</li>
      <li>about</li>
      <li>shop</li>
      <li>customer</li>
      <li>contact</li>
      <li><audio src="" controls></audio></li>
    </ul>
  </nav>
  <section class="float">
    <div><img src="" alt=""></div>
    <figure>
      <h4></h4>
      <img src="" alt="">
      <p></p>
    </figure>
  </section>

</div>


</body>
</html>